<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>兄弟户外</title>
    <!--css-->
    <link href="${ctxPath}/static/js/plugins/swiper/swiper.min.css?v=1.0.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/style.css?v=1.0.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/ubike.css?v=1.0.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/bootstrap.min.css?v=1.0.0" rel="stylesheet">
    <link href="${ctxPath}/static/css/main.css?v=1.0.0" rel="stylesheet">
    <style type="text/css">
        body {
            height: 600px;
        }
    </style>
    <!-- 全局js -->
    <script src="${ctxPath}/static/js/jquery.min.js?v=1.0.0"></script>
    <!-- 第三方插件 -->
    <script src="${ctxPath}/static/js/plugins/swiper/swiper.min.js?v=1.0.0"></script>
</head>
<script>
    $(document).ready(function () {
        // 栏目banner
        new Swiper('.s-c-nav', {
            slidesPerView: 1
        });
    });
</script>
<body>
    <!--nav-->
    <div class="swiper-container s-c-nav">
        <div class="swiper-wrapper">
            @for(banner in banners){
            <div class="swiper-slide"><img class="img_h1" src="${banner.logo}">
                @if(isNotEmpty (banner.link)){
                    <a href="${banner.link}" target="_blank"></a>
                @}
            </div>
            @}
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination s-p-nav"></div>
    </div>
    <div>
        ${lxwm.content!}
    </div>
</body>

</html>
